<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Exceed - Responsive Bootstrap Template</title>

		<!-- stylesheets -->
		<link rel="stylesheet" type="text/css" href="/bootstrap/css/common.css" />
		<!-- ZUI 标准版压缩后的 CSS 文件 -->
		<link rel="stylesheet" href="//cdn.bootcss.com/zui/1.9.1/css/zui.min.css">
		<!-- ZUI Javascript 依赖 jQuery -->
		<script src="//cdn.bootcss.com/zui/1.9.1/lib/jquery/jquery.js"></script>
		<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
		<script src="//cdn.bootcss.com/zui/1.9.1/js/zui.min.js"></script>

		<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link href="/css/font-awesome.css" rel="stylesheet">
		<link href="/css/ionicons.css" rel="stylesheet">
		<!-- <link href="css/linea.css" rel="stylesheet"> -->
		<link href="/css/owl.carousel.css" rel="stylesheet">
		<link href="/css/style.css" rel="stylesheet">

		<link rel="stylesheet" type="text/css" href="/css/style2.css" />
		<script type="text/javascript" src="/js/modernizr.custom.28468.js"></script>

		<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200i,300,300i,400,600,700,700i,900" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Cardo:400,400i,700" rel="stylesheet">

	</head>
	<body>
		<!-- navbar -->
		<header>
			<nav class="navbar navbar-inverse navbar-fixed-top">
				<div class="container nav-search">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
						 aria-controls="navbar">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand" href="index">Exceed</a>
					</div>
					<div id="navbar" class="navbar-collapse collapse nav-top">
						<ul class="nav navbar-nav navbar-right">
							<li><a href="index">首页</a></li>
							<li><a href="articleSort">文章</a></li>
							<li class="active" th:if="${session.name==null}"><a href="contact">登录|注册</a></li>
							<li class="active" th:if="${session.name!=null}"><a class="iconfont icon-wodexuanzhong" th:text="${session.name}"
								 href="home"></a></li>
							<li><a href="about">关于我们</a></li>
						</ul>
					</div>

					<div class="search-top">
						<div class="input-group">
							<div class="input-control search-box search-box-circle has-icon-left has-icon-right search-example" id="searchboxExample">
								<input id="inputSearchExample3" type="search" class="form-control search-input" placeholder="搜索">
								<label for="inputSearchExample3" class="input-control-icon-left search-icon"><i class="icon icon-search"></i></label>
							</div>
							<span class="input-group-btn">
								<button class="btn btn-primary" type="button" style="height: 34px;">搜索</button>
							</span>
						</div>
					</div>
				</div>
			</nav>
		</header>


		<!-- header -->
		<section class="header">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
						<div class="intro">
							<h2>我的 home</h2>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- contact -->
		<section class="contact">
			<div class="container">
				<div class="row" style="margin: -60px 0 30px 0;">
					<ul class="nav nav-primary nav-justified">
						<li class="active"><a href="home">我的文章</a></li>
						<li><a data-toggle="modal" href="#exampleModal">上传文章</a></li>
						<li><a data-toggle="modal" href="#out">退出登录</a></li>
					</ul>
				</div>
				<div class="row">
					<div class="list">
						<header>
							<h3><i class="icon-list-ul"></i> 文章列表 <small>共计0篇</small></h3>
						</header>
						<div class="items items-hover">
							<div class="item">
								<div class="item-heading">
									<h4><a href="###">暂无文章</a></h4>
								</div>
								<div class="item-content">
									<div class="media pull-left"><img src="/images/1.png" alt=""></div>
									<div class="text"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<div class="row">
			<!-- <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						...
					</div>
				</div>
			</div> -->

			<div class="modal fade bs-example-modal-lg" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="exampleModalLabel">上传文章</h4>
						</div>
						<div class="modal-body">
							<form>
								<div class="form-group">
									<label for="recipient-name" class="control-label">标题</label>
									<input type="text" class="form-control" id="recipient-name">
								</div>
								<div class="form-group">
									<label for="recipient-name" class="control-label">描述</label>
									<input type="text" class="form-control" id="recipient-name">
								</div>
								<label for="recipient-name" class="control-label">类别</label>
								<select data-placeholder="选择一个类别" class="chosen-select form-control" tabindex="2">
									<option value=""></option>
									<option value="cat">小猫</option>
									<option value="fish">金鱼</option>
									<option value="dragon">龙</option>
									<option value="mammoth">猛犸</option>
									<option value="gollum">咕噜</option>
								</select>
								<div class="form-group">
									<label for="editor" class="control-label">正文</label>
									<textarea id="editor" name="content" style="height:150px;">Hello, world!</textarea>
								</div>
							</form>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
							<button type="button" class="btn btn-primary" onclick="upArticle()">发布文章</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="modal fade" tabindex="-1" role="dialog" id="out">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title">退出登录</h4>
						</div>
						<div class="modal-body">
							<p>您确定要退出登录吗？</p>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
							<button type="button" class="btn btn-danger" data-dismiss="modal" onclick="outlogin()">确定</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal-dialog -->
			</div><!-- /.modal -->
		</div>

		<!-- footer -->
		<footer class="footer">
			<div class="container">
				<div class="row">
					<div class="col-md-2  col-sm-3 col-xs-6">
						<div class="footer-logo">
							<div class="footer-logo-text">Exceed</div>
							<p>Powered By Download Manager</p>
						</div>
					</div>
					<div class="col-md-2 col-sm-3 col-xs-6">
						<h3>Links</h3>
						<ul class="list-unstyled links">
							<li>About</li>
							<li>Services</li>
							<li>History</li>
							<li>Contact Us</li>
						</ul>
					</div>
					<div class="col-md-2 col-sm-3 col-xs-6">
						<h3>Pages</h3>
						<ul class="list-unstyled links">
							<li>About</li>
							<li>Services</li>
							<li>History</li>
							<li>Contact Us</li>
						</ul>
					</div>
					<div class="col-md-2 col-sm-3 col-xs-6">
						<h3>Legal</h3>
						<ul class="list-unstyled links">
							<li>About</li>
							<li>Services</li>
							<li>History</li>
							<li>Contact Us</li>
						</ul>
					</div>
					<div class="col-md-2 col-sm-3 col-xs-6">
						<h3>Social</h3>
						<ul class="list-unstyled links">
							<li><i class="ion ion-social-facebook"></i>facebok</li>
							<li><i class="ion ion-social-twitter"></i>Twitter</li>
							<li><i class="ion ion-social-linkedin"></i>Linkedin</li>
							<li><i class="ion ion-social-googleplus"></i>Google+</li>
						</ul>
					</div>
					<div class="col-md-2 col-sm-3 col-xs-6">
						<h3>Contact</h3>
						<ul class="list-unstyled links">
							<li>554A, Comflare </li>
							<li>Avenue</li>
							<li>01234 567 890</li>
							<li>hi@comflare.com</li>
						</ul>
					</div>
				</div>
				<hr>
				<div class="row">
					<div class="col-md-12">
						<div class="copyright">
							<p class="text-center">&copy;Designed By Scripteden 2016 / More Templates <a href="http://www.cssmoban.com/"
								 target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
							<!--ul class="list-inline pull-right">
                                <li>Privacy Policy </li>
                                <li>Terms Of Use</li>
                            </ul-->
						</div>
					</div>
				</div>
			</div>
		</footer>

		<!-- javascript -->
		<script src="/js/jquery-v1.11.3.js"></script>
		<script src="/js/owl.carousel.js"></script>
		<script src="/js/isotope.pkgd.js"></script>
		<script type="text/javascript" src="/js/jquery.cslider.js"></script>
		<script src="/js/custom.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script src="/js/login.js" type="text/javascript" charset="utf-8"></script>
		<script src="/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/UEditor/ueditor.config.js" type="text/javascript" charset="utf-8"></script>
		<script src="/UEditor/ueditor.all.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$('#exampleModal').on('show.bs.modal', function(event) {
				var button = $(event.relatedTarget) // Button that triggered the modal
				var recipient = button.data('whatever') // Extract info from data-* attributes
				// If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
				// Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
				var modal = $(this)
				modal.find('.modal-body input').val(recipient)
			});

			function outlogin() {
				$.ajax({
					url: "/article/home",
					type: "post",
					data: {
						outLogin: "退出登录"
					},
				})
				//location.href ="/article/contact";
				location.replace("/article/login");
			}
			ue = UE.getEditor("editor");
		</script>
	</body>
</html>
